// @import 'ant-design-vue/lib/style/themes/default.less';
// @import '~ant-design-vue/dist/antd.dark.less'; // 引入官方提供的暗色 less 样式入口文件
// @root-entry-name: variable;

html:not(.dark) {
  @component-background: @white;
}

// html.dark {
// }

.setStyle(@className, @propName) {
  html {
    &.dark {
      .@{className} {
        @{propName}: @black;
      }
    }

    &:not(.dark) {
      .@{className} {
        @{propName}: @white;
      }
    }
  }
}
.colorWhite{
  color:@white-color;
}
.themeColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);

  .setStyle(@className, background-color);
  .setStyle(@className, color);

  .themeColor(@classNames, (@i + 1));
}

.themeTextColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);
  .setStyle(@className, color);
  .themeColor(@classNames, (@i + 1));
}

.themeBgColor(@classNames, @i: 1) when(@i =< length(@classNames)) {
  @className: extract(@classNames, @i);
  .setStyle(@className, background-color);
  .themeColor(@classNames, (@i + 1));
}
.el-table {
  background-color: transparent !important;
  font-size: 0.7vw;
  thead {
    color: #fff !important;
  }
  tr {
    background-color: transparent !important;
    color: #dbdbdb;
  }
  tr:hover > td {
    background: rgba(255, 255, 255, 0.1) !important;
  }
  th {
    background-color: transparent !important;
    border-bottom: none !important;
    color: #fff;
  }
  &::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
  }
}
.el-table th.el-table__cell {
  background-color: transparent !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: rgba(89, 177, 247, 0.1) !important;
}
.el-table--enable-row-transition .el-table__body td,
  .el-table .cell {
    background-color: transparent;
    border-bottom: none !important;
  }

  .el-popper.is-light {
    // background-color: rgba(5, 12, 23, 0.7);
    // border: 1px solid #3d618a54;
    
  }
  .el-date-range-picker__time-header {
    border-bottom: 1px solid #3d618a54 !important;
  }
  .el-picker-panel__footer {
    background-color: rgba(5, 12, 23, 0.7) !important;
    border-top: 1px solid #3d618a54 !important;
    
  }
  .el-picker-panel {
    background-color: rgba(5, 12, 23, 0.7) !important;
  }
  .el-date-range-picker__content.is-left {
    border-right: 1px solid #3d618a54 !important;
  }
  .el-date-range-picker .el-picker-panel__body {
    color: #fff !important;
  }
  .el-input__wrapper {
    background-color: transparent !important;
    
  }
  .el-input__inner {
    color: #fff !important;
  }
  .el-date-table td.in-range .el-date-table-cell {
    background-color: rgba(14, 65, 123, 1) !important;
  }
  .el-picker-panel .el-time-panel {
    background-color: rgba(5, 12, 23, 0.9) !important;
    border: 1px solid #3d618a54 !important;
  }
  .el-date-editor .el-range-input {
    color: #fff !important;
  }
  .el-picker-panel__icon-btn {
    font-size: 16px !important;
    color: #fff !important;
  }
  .bolder{
    font-weight: bold;
  }
  .no_bolder{
    font-weight: normal;
  }
  .flex_base{
    display: flex;
    align-items: center;
  }
  .flex_between{
    .flex_base;
    justify-content: space-between;
  }
  .flex_around{
    .flex_base;
    justify-content: space-around;
  }
  .flex_start{
    .flex_base;
    justify-content: flex-start;
  }
  .flex_end{
    .flex_base;
    justify-content: flex-end;
  }
  .mb-1{
    margin-bottom: 10px;
  }
  